<template>
    <aside id="slider" class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="~admin-lte/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p>{{ currentUser.name }}</p>
                    <a href="#">
                        <i class="fa fa-circle" :style="`color:${currentUser.state.color}`"></i> {{ currentUser.state.name }}</a>
                </div>
            </div>
    
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
                        <button type="submit" name="search" id="search-btn" class="btn btn-flat">
                            <i class="fa fa-search"></i>
                        </button>
                    </span>
                </div>
            </form>
    
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="getType">
                   3333
                    <a href="#" >
                        <i class="icon"></i>
                        <span>3434343</span>
                        <span class="pull-right-container">
                            <smallclass="label pull-right" :class="bg-green">rtrtertrt</small>
                            <!--<i v-else class="fa fa-angle-left pull-right"></i>-->
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <router-link tag="li" >
                            <a>
                                <i class="icon"> rrrrrrrrrr</i>
                            </a>
                        </router-link>
                    </ul>
                </li>
    
            </ul>
        </section>
    </aside>
</template>

<script lang="ts">

import Vue from "vue";
import Component from "vue-class-component";

@Component
export default class NaviBar extends Vue {
      constructor() {
        super();
    }
}

</script>